<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<style type="text/less">
		@my:{
			width: 200px;
			height: 200px;
			border:1px solid green;
		}
		.app{
			.one{
				@my();
				color:red;
			}
			.two{
				@my();
				color:pink;
			}
			.three{
				@my();
				color:green;
			}
		}
	</style>
	<script src="lib/less.min.js"></script>
</head>
<body>
	<div class="app">
		<div class="one">我平时喜欢开劳斯莱斯或宾利</div>
		<div class="two">和朋友一起出去时开保时捷</div>
		<div class="three">和其它人飙车时喜欢开法拉利，当然我最喜欢开的是玩笑！</div>
	</div>
</body>
</html>